.forward-popup {
  .tea-dialog {
    &__inner {
      border-radius: 5px;
      padding: 25px 0;
      width: 820px;
      height: 520px;
    }
    &__header {
      border-bottom: 1px solid #eee;
      padding: 0 25px 5px;
      margin-bottom: 0;
      .tea-btn--icon {
        right: 14px;
      }
    }
    &__body {
      border-bottom: 1px solid #eee;
      height: 350px;
      display: flex;
      justify-content: stretch;
    }
    &__footer {
      padding-right: 37px;
      .tea-btn {
        border-radius: 3px;
      }
    }
    &__btnwrap {
      text-align: right;
    }
  }

  &__search-list {
    width: 470px;
    border-right: 1px solid #eee;
    display: flex;
    flex-direction: column;
    padding: 12px;

    &__list {
      overflow-y: overlay;
      overflow-x: hidden;
      flex: 1;
    }

    & .search-box {
      display: flex;
      align-items: center;
      border: 1px solid #ccc;
      border-radius: 15px;

      & .search-icon {
        margin-left: 4px;
      }

      & .search-input {
        flex: 1;
        border: none;
        background: none;
        height: 24px;
      }
    }
  }
  &__seleted-list {
    flex: 1;
    padding: 20px;
  }
}
.user-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  line-height: 24px;
  padding: 8px 0;
  animation: animate 0.5s;
  &__icon {
    margin-right: 10px;
  }
  &__tea-icon {
    margin-right: 5px;
  }
  .avatar {
    margin-right: 5px;
  }
  &__icon-normal {
    margin-right: 5px;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border-radius: 7px;
    border: 2px solid #ddd;
  }
  &__name {
    flex: 1;
  }
}
@keyframes animate {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.customize-scroll-style {
  overflow-y: overlay;
  overflow-x: hidden;
  box-sizing: border-box;
  &:hover {
    &::-webkit-scrollbar {
      width: 8px;
      background-color: transparent;
    }
    &::-webkit-scrollbar-thumb {
      border-radius: 8px;
      box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
      background-color: #d1d1d1;
    }
  }
  &::-webkit-scrollbar {
    width: 0px;
    background-color: transparent;
  }

  &::-webkit-scrollbar-track {
    background-color: transparent;
  }

  &::-webkit-scrollbar-thumb {
    width: 8px;
    background-color: transparent;
  }
}
